<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/register.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/api.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/register.js}"></script>
</head>
<body>
<div class="main-div login">
    <div class="register-box">
        <div style="width: 60%">
            <div class="login-left-img"></div>
        </div>
        <div class="login-right-form" style="width: 40%">
            <div class="form-box">
                <!--账号密码登录-->
                <div class="box phone">
                    <div class="title">请选择您的注册方式</div>
                    <div class="layui-tab layui-tab-brief" lay-filter="login-type-tab" style="margin: 20px 0">
                        <ul class="layui-tab-title tab-uls">
                            <li class="layui-this">手机注册</li>
                            <!--<li class=""><a th:href="@{/student/loadWxCode}">微信注册</a></li>-->
                        </ul>
                        <div class="layui-tab-content" style="padding: 0">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form-item">
                                    <div class="form-box-item">
                                        <input type="text" id="register-stuMobile" placeholder="请输入登录手机号"/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="text" id="register-code" placeholder="请输入手机验证码"/>
                                        <div class="phone-code-box"><a class="get-code" onclick="getVerification()">获取验证码</a></div>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="password" id="register-password" placeholder="请输入注册密码"/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="password" id="again-register-password" placeholder="请再次输入注册密码"/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="text" id="register-name" placeholder="请输入您的姓名"/>
                                    </div>
                                    <div class="form-box-item">
                                        <button  class="layui-btn layui-btn-normal btn" onclick="register()">立&nbsp;即&nbsp;注&nbsp;册</button>
                                    </div>
                                    <div class="agree" style="margin-top: 10px;">
                                        <span>注册代表已阅读并同意<span class="agree-content"><a href="/agreement" target="_blank">《用户协议和隐私》</a></span></span>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="layui-tab-item"></div>-->
                            <!--<div class="layui-tab-item">
                                <div class="layui-form-item">
                                    <div class="form-box-item">
                                        <input type="text" id="register-email" placeholder="请输入邮箱" class="layui-input" maxlength="24" name="login_email" value=""/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="text" id="register-email-code" placeholder="请输入邮箱验证码" style="width: 70%;border-right: none;border-bottom-right-radius: 0;border-top-right-radius: 0"/>
                                        <div class="phone-code-box"><a class="get-code" onclick="loadVerification()">获取验证码</a></div>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="password" id="register-email-password" placeholder="请输入注册密码"/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="password" id="again-register-email-password" placeholder="请再次输入注册密码"/>
                                    </div>
                                    <div class="form-box-item">
                                        <input type="text" id="register-email-name" placeholder="请输入您的姓名"/>
                                    </div>
                                    <div class="form-box-item">
                                        <button class="layui-btn layui-btn-normal btn" id="login-email-btn" onclick="emailRegister()">立&nbsp;即&nbsp;注&nbsp;册</button>
                                    </div>
                                    <div class="agree" style="margin-top: 10px;">
                                        <span>注册代表已阅读并同意<span class="agree-content"><a href="/agreement" target="_blank">《用户协议和隐私》</a></span></span>
                                    </div>
                                </div>
                            </div>-->
                        </div>
                    </div>
                    <!--微信扫码登录-->
                    <div class="chat-code">
                        <span class="to-login">有账号，<a th:href="@{/toLogin}">去登录</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!--<script src="https://www.yingyuchat.com/static/js/warbler-front.js"></script>
<script>
    WARBLER.init({
        WARBLER_URL: "https://www.yingyuchat.com",
        WARBLER_KEFU_ID: "matao123",
        WARBLER_ENT: "513",
        WARBLERAUTO_SHOW: false
    })
</script>-->
</html>
